<template>
	<view>
		<view class="smart-page-head">
			<view class="smart-page-head-title">
			checkbox,多选按钮</view>
			</view>
			<view class="smart-padding-wrap">
				<view class="itme">
					<checkbox checked="true"></checkbox>
					选中
					<checkbox></checkbox>
					未选中
					</view>
					<view class="item">
						<checkbox checkbox="true" color="#F0AD4E" style="transform:
						scale(0.7);"></checkbox>
						选中
						<checkbox color="#F0AD4E" style="transform: scale(0.7);">
							</checkbox>
							未选中
							</view>
							<view class="item">
								推荐展示样式:
								<checkbox-group>
									<label class="list">
										<view>
											<checkbox></checkbox>
											中国
											</view>
											</label>
											<label class="list">
												<view>
													<checkbox></checkbox>
													美国
													</view>
													</label>
													<label class="list">
														<view>
															<checkbox></checkbox>
															日本
															</view>
															</label>
															</checkbox-group>
															</view>
															</view>
															</view>
															
															
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.item {
	margin-bottom: 30rpx;
}
.list {
	justify-content: flex-start;
	padding: 22rpx 30rpx;
}
.list view {
	padding-bottom: 20rpx;
	border-bottom: lpx solid #d8d8d8;
}
</style>
